<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>统计</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
	<link href="../static/css/bgcss.css" th:href="@{/css/bgcss.css}" rel="stylesheet"/>
	<link href="../static/css/maincss.css" th:href="@{/css/maincss.css}" rel="stylesheet"/>
	<th:block th:include="include :: echarts-js" />
	<!-- bootstrap-table 表格插件样式 -->
	<link th:href="@{/ajax/libs/bootstrap-table/bootstrap-table.min.css?v=20201129}" rel="stylesheet"/>
</head>

<body class="gray-bg">
	<div class="wrapper wrapper-content">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-title" style="display: flex;flex-direction: row;">
						<h4>广东省广晟控股集团有限公司</h4>
						<div>
							<span class="badge badge-primary" style="margin-left: 5px">高新技术企业</span>
							<span class="badge badge-info" style="margin-left: 2px">科技型中小企业</span>
							<span class="badge badge-warning" style="margin-left: 2px">技术先进服务性企业</span>
							<span class="badge badge-danger" style="margin-left: 2px">专精特新企业</span>
						</div>
					</div>
					<div class="ibox-content" style="justify-content: space-between;display: flex">
<!--						<h1 class="no-margins"><a href="javascript:openClue();" id="clueCount"></a>个</h1>-->
						<div >企业类型：金融投资</div>
						<div>职工数量：80000人</div>
						<div >营业执照编号：504650613210</div>
						<div>研发投入：1000万元</div>
						<div >加计扣除：50万元</div>
					</div>
				</div>
			</div>

		</div>

		<div class="row">
			<div class="col-sm-5">
				<div class="ibox float-e-margins">
					<div class="ibox-title" style="display: flex;flex-direction: row;">
						<h4>任务通知</h4>
					</div>
					<div class="ibox-content" style="justify-content: space-between;display: flex">
						<!--						<h1 class="no-margins"><a href="javascript:openClue();" id="clueCount"></a>个</h1>-->
						<div class="tabs-container" style="width: 100%">
							<ul class="nav nav-tabs" style="width: 100%">
								<li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 待办事项 <span class="badge badge-danger">6</span></a>
								</li>
								<li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">已办事项</a>
								</li>
							</ul>
							<div class="tab-content">
								<div id="tab-1" class="tab-pane active">
									<div class="panel-body">
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-warning">在办</span>
											<span class="">收到新任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-warning">在办</span>
											<span class="">收到新任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-02</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-warning">在办</span>
											<span class="">收到新任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-03</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;font-size: 12px">
											<span class="" style="color: #AAAAAA;">您有 <span style="color: #df5000"> 6 </span>条待办事项</span>
										</div>

									</div>


								</div>
								<div id="tab-2" class="tab-pane">
									<div class="panel-body">
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已办</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已办</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已办</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="ibox-content" style="justify-content: space-between;display: flex">
						<div class="tabs-container" style="width: 100%">
							<ul class="nav nav-tabs" style="width: 100%">
								<li class="active"><a data-toggle="tab" href="#tab-3" aria-expanded="true"> 待阅文件 <span class="badge badge-danger">6</span></a>
								</li>
								<li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">已阅文件</a>
								</li>
							</ul>
							<div class="tab-content">
								<div id="tab-3" class="tab-pane active">
									<div class="panel-body">
										<div class="" style="height: 30px;line-height: 30px;display: flex;justify-content: space-around">
											<span class="label label-warning" style="display:block;height: 20px;margin-top: 5px;">待阅</span>
											<span class="font-hid" style="display: block;width: 300px">广晟通信公司清远分公司，完成了我发布的任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;display: flex;justify-content: space-around">
											<span class="label label-warning" style="display:block;height: 20px;margin-top: 5px;">待阅</span>
											<span class="font-hid" style="display: block;width: 300px">广晟通信公司清远分公司，完成了我发布的任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;display: flex;justify-content: space-around">
											<span class="label label-warning" style="display:block;height: 20px;margin-top: 5px;">待阅</span>
											<span class="font-hid" style="display: block;width: 300px">广晟通信公司清远分公司，完成了我发布的任务：广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;font-size: 12px">
											<span class="" style="color: #AAAAAA;">您有 <span style="color: #df5000"> 6 </span>个待阅文件</span>
										</div>

									</div>


								</div>
								<div id="tab-4" class="tab-pane">
									<div class="panel-body">
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已阅</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已阅</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
										<div class="" style="height: 30px;line-height: 30px;">
											<span class="label label-success">已阅</span>
											<span class="">广晟科创项目填报</span>
											<span class="pull-right">2021-09-01</span>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-7">
				<div class="ibox float-e-margins">
					<div class="ibox-title" style="display: flex;flex-direction: row;">
						<h4>任务统计</h4>
						<div class="form-group">

							<select class="form-control">
								<option value="">--任务时间--</option>
								<option value="2022">2022</option>
								<option value="2021">2021</option>
								<option value="2020">2020</option>
								<option value="2019">2019</option>
								<option value="2018">2018</option>
							</select>
						</div>
					</div>
					<div class="ibox-content" style="justify-content: space-between;display: flex">
						<div class="tabs-container" style="width: 100%">
							<ul class="nav nav-tabs" style="width: 100%">
								<li class="active"><a data-toggle="tab" href="#tab-5" aria-expanded="true" th:onclick="showChart1()"> 我收到的任务</a>
								</li>
								<li class=""><a data-toggle="tab" href="#tab-6" aria-expanded="false" th:onclick="showChart2()">我发布的任务</a>
								</li>
							</ul>
							<div class="tab-content">
								<div id="tab-5" class="tab-pane active">
									<div class="panel-body" style="text-align: center">
										<div class="col-md-3" style="background: #E6F6FE;display: flex;flex-direction: column;height: 100px">
											<span style="color: #AAAAAA;font-size: 12px">年执行任务总数</span>
											<span style="color: #02A7F0;font-size: 36px">86</span>
										</div>
										<div class="col-md-1" style="width:50px;">
										</div>
										<div class="col-md-8" style="display: flex;justify-content: space-around">
											<div  style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">待提交任务</span>
												<span style="color: #0000FF;font-size: 36px">58</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div  style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">审核中任务</span>
												<span style="color: #F59A23;font-size: 36px">10</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">已提交任务</span>
												<span style="color: #70B603;font-size: 36px">15</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">退回任务</span>
												<span style="color: #D9001B;font-size: 36px">1</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">已过期任务</span>
												<span style="color: #AAAAAA;font-size: 36px">2</span>
											</div>
										</div>

									</div>
									<div class="echarts" id="echarts-line-chart"></div>

								</div>
								<div id="tab-6" class="tab-pane" style="text-align: center">
									<div class="panel-body">

										<div class="col-md-3" style="background: #E6F6FE;display: flex;flex-direction: column;height: 100px">
											<span style="color: #AAAAAA;font-size: 12px">年执行任务总数</span>
											<span style="color: #02A7F0;font-size: 36px">1760</span>
										</div>
										<div class="col-md-1" style="width:50px;">
										</div>
										<div class="col-md-8" style="display: flex;justify-content: space-around">
											<div  style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">待提交任务</span>
												<span style="color: #0000FF;font-size: 36px">588</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">已提交任务</span>
												<span style="color: #70B603;font-size: 36px">582</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">退回任务</span>
												<span style="color: #D9001B;font-size: 36px">1</span>
											</div>
											<div style="width:1px;background: #AAAAAA"></div>
											<div style="display: flex;flex-direction: column">
												<span style="color: #AAAAAA;font-size: 12px">已过期任务</span>
												<span style="color: #AAAAAA;font-size: 36px">2</span>
											</div>
										</div>
									</div>
									<div class="echarts" id="chart2"></div>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-8" style="text-align: center">
				<div class="panel panel-default">
					<div class="panel-heading" style="text-align: left;font-weight: bold;">
						企业数量
					</div>
					<div class="panel-body">
						<div class="col-md-3">
							<div>高新技术企业数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">58</span>
									<span style="color: #AAAAAA;font-size: 12px">当年新增</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span style="color: #02A7F0;font-size: 30px">5855</span>
									<span style="color: #AAAAAA;font-size: 12px">累计</span>
								</div>
							</div>
						</div>
						<div class="col-md-3" style="background: #EEF9FE">
							<div>科技型中小企业数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">18</span>
									<span style="color: #AAAAAA;font-size: 12px">当年新增</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span style="color: #02A7F0;font-size: 30px">585</span>
									<span style="color: #AAAAAA;font-size: 12px">累计</span>
								</div>
							</div>
						</div>
						<div class="col-md-6">
							<div>专精特新企业数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">10</span>
									<span style="color: #AAAAAA;font-size: 12px">国家级</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">156</span>
									<span style="color: #AAAAAA;font-size: 12px">省部级</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">258</span>
									<span style="color: #AAAAAA;font-size: 12px">市厅级</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span style="color: #02A7F0;font-size: 30px">424</span>
									<span style="color: #AAAAAA;font-size: 12px">合计</span>
								</div>
							</div>
						</div>
					</div>

				</div>
			</div>

			<div class="col-sm-4" style="text-align: left">
				<div class="panel panel-default">
					<div class="panel-heading" style="text-align: left;font-weight: bold;">
						2022年研发投入
					</div>
					<div class="panel-body" style="display: flex;justify-content: start">
						<div style="display: flex;flex-direction: column;width: 250px">
							<span class="lit-font">总额</span>
							<span class="mid-font">58,564,065</span>
						</div>
						<div>
							<div style="display: flex;flex-direction: column">
								<span class="lit-font">直接投入</span>
								<span >58,000,000</span>
							</div>
							<div style="display: flex;flex-direction: column">
								<span class="lit-font">人工费用</span>
								<span >564,065</span>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>


		<div class="row">
			<div class="col-sm-5" style="text-align: center">
				<div class="panel panel-default">
					<div class="panel-heading" style="text-align: left;font-weight: bold;">
						人才情况
					</div>
					<div class="panel-body">
						<div class="col-md-6">
							<div>今年新增科研人员数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span style="font-size: 30px">558</span>
									<span style="color: #AAAAAA;font-size: 12px">总人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font" style="color: #F59A23">55</span>
									<span class="lit-font">其中高层次人分数</span>
								</div>
							</div>
						</div>
						<div class="col-md-6" style="background: #FEF8F0;">
							<div>现有科研人员数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">5550</span>
									<span class="lit-font">总人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font" style="color: #F59A23">365</span>
									<span class="lit-font">其中高层次人分数</span>
								</div>
							</div>
						</div>
					</div>
					<div class="panel-body">
						<div>
							<div>技能人才数量</div>
							<div style="display: flex;justify-content: space-around">
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">1080</span>
									<span class="lit-font">技师总人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">156</span>
									<span class="lit-font">其中高级技师人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">2180</span>
									<span class="lit-font">技工总人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">316</span>
									<span class="lit-font">其中高级技工人数</span>
								</div>
								<div style="width: 1px;background: #AAAAAA;height: 50px"></div>
								<div style="display: flex;flex-direction: column">
									<span class="mid-font">3165</span>
									<span class="lit-font">其他技能人才</span>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>

			<div class="col-sm-7 " style="text-align: center">
				<div class="panel panel-default">
					<div class="panel-heading" style="text-align: left;font-weight: bold;">
						奖励情况
					</div>
					<div class="select-table table-striped">
						<table id="bootstrap-table-reward" class="table table-striped table-hover" style="border: none;text-align: center"></table>
					</div>
				</div>

			</div>
		</div>

		<div class="row">
			<div class="col-sm-3" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">专利统计</h5>
						<h4 style="text-align: left">1502030</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-patent-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-5" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">本年专利数量统计</h5>
						<h4 style="text-align: left">3152</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-current-patent-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-4" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">历年专利数量统计</h5>
						<h4> </h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-calenda-patent-statistics"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-3" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">软著类型统计</h5>
						<h4 style="text-align: left">905896</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-soft-type-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-5" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">本年软著数量统计</h5>
						<h4 style="text-align: left">3152</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-current-soft-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-4" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">历年软著数量统计</h5>
						<h4> </h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-calenda-soft-statistics"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-3" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">成果类型统计</h5>
						<h4 style="text-align: left">905896</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-achievements-type-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-5" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">本年成果数量统计</h5>
						<h4 style="text-align: left">3152</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-current-achievements-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-4" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">历年成果数量统计</h5>
						<h4> </h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-calenda-achievements-statistics"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-sm-3" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">项目类型统计</h5>
						<h4 style="text-align: left">905896</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-demo-type-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-5" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">本年项目数量统计</h5>
						<h4 style="text-align: left">3152</h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-current-demo-statistics"></div>
						</div>
					</div>
				</div>
			</div>

			<div class="col-sm-4" style="text-align: center">
				<div class="ibox">
					<div class="ibox-content">
						<h5 style="text-align: left">历年项目按行业统计</h5>
						<h4> </h4>
						<div class="row  m-t-sm">
							<div class="echarts" id="echarts-current-industry-statistics"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/flot/jquery.flot.js}"></script>

	<th:block th:include="include :: sparkline-js" />
	<th:block th:include="include :: footer" />
	<script th:inline="javascript">

    
	$(function (){
		showChart1();
	});
    
	// var prefix = ctx + "crm/main";
	// var prefixClue = ctx + "crm/clue";
	// var prefixCustomer = ctx + "crm/customer";
	// var prefixOrderPrice = ctx + "crm/orderPrice";
	// var prefixOrder = ctx + "crm/order";
	// $(function() {
	// 	$.get(prefix+"/listClueMonthCount", function(result){
	// 		$("#clueCount").html(result);
	// 	  });
	//
	// 	$.get(prefix+"/listCustomerMonthCount", function(result){
	// 		$("#customerCount").html(result);
	// 	  });
	//
	// 	$.get(prefix+"/listOrderPriceMonthCount", function(result){
	// 		$("#orderPriceCount").html(result);
	// 	  });
	//
	// 	$.get(prefix+"/listOrderMonthCount", function(result){
	// 		$("#orderCount").html(result);
	// 	  });
	// });
	
	// $(function() {
    //     var options = {
    //     	id:"bootstrap-tableClue",
    //         url: prefix + "/listClueTop5",
    //         detailUrl: prefix + "/detail/{id}",
    //         sortName: "createTime",
	// 	    sortOrder: "desc",
	// 	    showSearch: false,
	//         showRefresh: false,
	//         showToggle: false,
	//         showColumns: false,
	//         showPageGo: false,
	//         pagination: false,
    //         modalName: "线索",
    //         columns: [
    //         	{
    //                 field : 'clueId',
    //                 title : '线索ID',
    //                 visible: false
    //             },
    //             {
    //                 field : 'name',
    //                 title : '姓名'
    //             },
    //             {
    //                 field : 'company',
    //                 title : '公司',
    //                 visible: false
    //             },
    //             {
    //                 field : 'duty',
    //                 title : '职务',
    //                 visible: false
    //             },
    //             {
    //                 field : 'mobile',
    //                 title : '手机'
    //             },
    //             {
    //                 field : 'email',
    //                 title : '用户邮箱'
    //             },
    //             {
    //                 field : 'sex',
    //                 title : '性别',
    //                 formatter: function(value, row, index) {
    //                    return $.table.selectDictLabel(sexDatas, value);
    //                 }
    //             },
    //             {
    //                 field : 'clueStatus',
    //                 title : '线索状态',
    //                 formatter: function(value, row, index) {
    //                    return $.table.selectDictLabel(clueStatusDatas, value);
    //                 }
    //             },
    //             {
    //                 field : 'createTime',
    //                 title : '录入时间',
    //                 visible: false
    //             },
    //             {
    //                 field : 'clueSource',
    //                 title : '线索来源',
    //                 formatter: function(value, row, index) {
    //                    return $.table.selectDictLabel(clueSourceDatas, value);
    //                 }
    //             }]
    //     };
    //     $.table.init(options);
    // });
	
	// $(function() {
    //     var options = {
    //         id:"bootstrap-tableCustomer",
    //         url: prefix + "/listCustomerTop5",
    //         detailUrl: prefix + "/detail/{id}",
    //         sortName: "createTime",
	//         sortOrder: "desc",
	//         showSearch: false,
	//         showRefresh: false,
	//         showToggle: false,
	//         showColumns: false,
	//         showPageGo: false,
	//         pagination: false,
    //         modalName: "客户",
    //         columns: [
    //         {
    //             field : 'customerId',
    //             title : '客户ID',
    //             visible: false
    //         },
    //         {
    //             field : 'customerName',
    //             title : '客户名称'
    //         },
    //         {
    //             field : 'industry',
    //             title : '所属行业',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(industryDatas, value);
    //             }
    //         },
    //         {
    //             field : 'customerStatus',
    //             title : '客户状态',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(customerStatusDatas, value);
    //             }
    //         },
    //         {
    //             field : 'customerSource',
    //             title : '客户来源',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(customerSourceDatas, value);
    //             }
    //         },
    //         {
    //             field : 'customerDegree',
    //             title : '客户等级',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(customerDegreeDatas, value);
    //             }
    //         },
    //         {
    //             field : 'customerPriority',
    //             title : '客户优先级',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(customerPriorityDatas, value);
    //             },
    //             visible: false
    //         },
    //         {
    //             field : 'customerCredit',
    //             title : '客户信誉度',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(customerCreditDatas, value);
    //             }
    //         }]
    //     };
    //     $.table.init(options);
    // });
	
	// $(function() {
    //     var options = {
    //     	id:"bootstrap-tableOrderPrice",
    //         url: prefix + "/listOrderPriceTop5",
	//         sortName: "createTime",
	//         sortOrder: "desc",
	//         showSearch: false,
	//         showRefresh: false,
	//         showToggle: false,
	//         showColumns: false,
	//         showPageGo: false,
	//         pagination: false,
    //         modalName: "报价单",
    //         columns: [
    //         {
    //             field : 'orderId',
    //             title : '订单ID',
    //             visible: false
    //         },
    //         {
    //             field : 'orderCode',
    //             title : '订单编码',
    //             visible:false
    //         },
    //         {
    //             field : 'totalPrice',
    //             title : '报价总额'
    //         },
    //         {
    //         	field : 'customer.customerName',
    //             title : '报价客户'
    //         },
    //         {
    //             field : 'contractId',
    //             title : '合同ID',
    //             visible:false,
	//             sortable: true
    //         },
    //         {
    //             field : 'customerId',
    //             title : '客户id',
    //             visible:false
    //         },
    //         {
    //             field : 'orderName',
    //             title : '主题',
    //             visible:false
    //         },
    //         {
    //             field : 'prcieDate',
    //             title : '报价时间',
    //             formatter: function(value, row, index) {
    //                 return value.substring(0,10);
    //              }
    //         },
    //         {
    //             field : 'prcieEndDate',
    //             title : '报价截止时间',
    //             formatter: function(value, row, index) {
    //                 return value.substring(0,10);
    //              }
    //         },
    //         {
    //             field : 'orderStatus',
    //             title : '报价单状态',
    //             formatter: function(value, row, index) {
    //                return $.table.selectDictLabel(priceOrderStatusDatas, value);
    //             }
    //         }]
    //     };
    //     $.table.init(options);
    // });
	
	// $(function() {
    //     var options = {
    //     	id:"bootstrap-tableOrder",
    //         url: prefix + "/listOrderTop5",
    // 	    sortName: "createTime",
    // 	    sortOrder: "desc",
    // 	    showSearch: false,
    // 	    showRefresh: false,
    // 	    showToggle: false,
    // 	    showColumns: false,
    // 	    showPageGo: false,
    // 	    pagination: false,
    //         modalName: "订单",
    //         columns: [
    //         	{
    //                 field : 'orderId',
    //                 title : '订单ID',
    //                 visible: false
    //             },
    //             {
    //                 field : 'orderCode',
    //                 title : '订单编码',
    //                 visible:false
    //             },
    //             {
    //                 field : 'contractId',
    //                 title : '合同ID',
    //                 visible:false
    //             },
    //             {
    //                 field : 'customerId',
    //                 title : '客户id',
    //                 visible:false
    //             },
    //             {
    //                 field : 'orderName',
    //                 title : '主题',
    //                 visible:false
    //             },
    //             {
    //                 field : 'orderDate',
    //                 title : '成交/签约时间',
	// 	            sortable: true,
    //                 formatter: function(value, row, index) {
    //                 	if($.common.isNotEmpty(value)){
    //                 		return value.substring(0,10);
    //                 	}
    //                  }
    //             },
    //             {
    //             	field : 'customer.customerName',
    //                 title : '成交客户'
    //             },
    //             {
    //                 field : 'totalPrice',
    //                 title : '成交总额'
    //             },
    //             {
    //                 field : 'costPrice',
    //                 title : '总成本'
    //             },
    //             {
    //                 field : 'aaa',
    //                 title : '利润',
    //                 formatter: function(value, row, index) {
    //                 	if($.common.isNotEmpty(row.totalPrice)&&$.common.isNotEmpty(row.costPrice)){
    //                 		return row.totalPrice-row.costPrice;
    //                 	}
    //                  }
    //             },
    //             {
    //                 field : 'orderStatus',
    //                 title : '订单状态',
    //                 formatter: function(value, row, index) {
    //                    return $.table.selectDictLabel(orderStatusDatas, value);
    //                 }
    //             },
    //             {
    //                 field : 'validStart',
    //                 title : '有效期开始时间',
    //                 formatter: function(value, row, index) {
    //                 	if($.common.isNotEmpty(value)){
    //                 		return value.substring(0,10);
    //                 	}
    //                  },
    //                  visible:false
    //             },
    //             {
    //                 field : 'validEnd',
    //                 title : '有效期结束时间',
    //                 formatter: function(value, row, index) {
    //                 	if($.common.isNotEmpty(value)){
    //                 		return value.substring(0,10);
    //                 	}
    //                  },
    //                  visible:false
    //             }]
    //     };
    //     $.table.init(options);
    // });
	
	function openClue()
	{
		$.modal.openTab("线索管理",prefixClue);
	}
	function openCustomer()
	{
		$.modal.openTab("客户信息管理",prefixCustomer);
	}
	function openOrderPrice()
	{
		$.modal.openTab("报价单管理",prefixOrderPrice);
	}
	function openOrder()
	{
		$.modal.openTab("订单管理",prefixOrder);
	}

	function showChart2(){
		let lineChart = echarts.init(document.getElementById("chart2"));

		let option = {
			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data: ['待提交', '已提交', '退回', '已过期']
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			toolbox: {
				feature: {
					saveAsImage: {}
				}
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			series: [
				{
					name: '待提交',
					type: 'line',
					stack: 'Total',
					data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90]
				},
				{
					name: '已提交',
					type: 'line',
					stack: 'Total',
					data: [220, 182, 191, 234, 290, 330, 120, 132, 101, 134, 90, 230]
				},
				{
					name: '退回',
					type: 'line',
					stack: 'Total',
					data: [220, 182, 191, 234, 290, 120, 132, 101, 134, 90, 230, 210]
				},
				{
					name: '已过期',
					type: 'line',
					stack: 'Total',
					data: [102, 182, 191, 234, 290, 120, 220, 101, 134, 90, 230, 210]
				},

			]
		};
		setTimeout(()=>{
			document.getElementById('chart2').setAttribute('_echarts_instance_', '');
			let lineChart = echarts.init(document.getElementById("chart2"));
			lineChart.setOption(option);
			$(window).resize(lineChart.resize);
		},1000)

		// lineChart.setOption(option);
		// $(window).resize(lineChart.resize);
	};

	function showChart1() {

		let lineoption2 = {

			tooltip: {
				trigger: 'axis'
			},
			legend: {
				data: ['待提交', '已提交', "待审核",'退回', '已过期']
			},
			grid: {
				left: '3%',
				right: '4%',
				bottom: '3%',
				containLabel: true
			},
			toolbox: {
				feature: {
					saveAsImage: {}
				}
			},
			xAxis: {
				type: 'category',
				boundaryGap: false,
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			series: [
				{
					name: '待提交',
					type: 'line',
					stack: 'Total',
					data: [120, 132, 101, 134, 90, 230, 210,120, 132, 101, 134, 90]
				},
				{
					name: '已提交',
					type: 'line',
					stack: 'Total',
					data: [220, 182, 191, 234, 290, 330, 120, 132, 101, 134, 90, 230]
				},
				{
					name: '待审核',
					type: 'line',
					stack: 'Total',
					data: [220, 182, 191, 234, 290, 330, 120, 132, 101, 134, 90, 230]
				},
				{
					name: '退回',
					type: 'line',
					stack: 'Total',
					data: [220, 182, 191, 234, 290, 120, 132, 101, 134, 90, 230, 210]
				},
				{
					name: '已过期',
					type: 'line',
					stack: 'Total',
					data: [102, 182, 191, 234, 290, 120, 220, 101, 134, 90, 230, 210]
				},

			]
		};
		setTimeout(()=>{
			document.getElementById('echarts-line-chart').setAttribute('_echarts_instance_', '');
			var lineChart2 = echarts.init(document.getElementById("echarts-line-chart"));
			lineChart2.setOption(lineoption2);
			$(window).resize(lineChart2.resize);
		},1000)

	};

	//专利统计
	$(function() {
		var lineChart3 = echarts.init(document.getElementById("echarts-patent-statistics"));

		let lineoption3 = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				top: '5%',
				left: 'center'
			},
			series: [
				{
					name: '专利类型统计',
					type: 'pie',
					radius: ['40%', '70%'],
					avoidLabelOverlap: false,
					itemStyle: {
						borderRadius: 10,
						borderColor: '#fff',
						borderWidth: 2
					},
					label: {
						show: false,
						position: 'center'
					},
					emphasis: {
						label: {
							show: true,
							fontSize: '16',
							fontWeight: 'bold'
						}
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 1048, name: '类型1' },
						{ value: 735, name: '类型2' },
						{ value: 580, name: '类型3' },
						{ value: 484, name: '类型4' },
						{ value: 300, name: '类型5' }
					]
				}
			]
		};
		lineChart3.setOption(lineoption3);
		$(window).resize(lineChart3.resize);
	});

	$(function() {
		var lineChart4 = echarts.init(document.getElementById("echarts-current-patent-statistics"));

		let lineoption4 = {
			xAxis: {
				type: 'category',
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:'国家级',
					data: [120, 200, 150, 80, 70, 110, 130,200, 150, 80, 70, 110, 130],
					type: 'bar'
				},
				{
					name:"省级",
					data: [100, 300, 250, 30, 50, 210, 150,100, 300, 250, 30, 50, 210],
					type: 'bar'
				}
			]
		};
		lineChart4.setOption(lineoption4);
		$(window).resize(lineChart4.resize);
	});

	$(function() {
		var lineChart5 = echarts.init(document.getElementById("echarts-calenda-patent-statistics"));

		let lineoption5 = {
			xAxis: {
				type: 'category',
				data: ['2018年', '2019年', '2020年', '2021年', '2022年']
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:"国家级",
					data: [150, 230, 224, 218, 135],
					type: 'line'
				},
				{
					name:"省级",
					data: [100, 220, 290, 118, 125],
					type: 'line'
				}
			]
		};
		lineChart5.setOption(lineoption5);
		$(window).resize(lineChart5.resize);
	});
	//专利END

	// 软著类型

	$(function() {
		var lineChart6 = echarts.init(document.getElementById("echarts-soft-type-statistics"));

		let lineoption6 = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				top: '5%',
				left: 'center'
			},
			series: [
				{
					name: '软著类型统计',
					type: 'pie',
					radius: ['40%', '70%'],
					avoidLabelOverlap: false,
					itemStyle: {
						borderRadius: 10,
						borderColor: '#fff',
						borderWidth: 2
					},
					label: {
						show: false,
						position: 'center'
					},
					emphasis: {
						label: {
							show: true,
							fontSize: '16',
							fontWeight: 'bold'
						}
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 1048, name: '类型1' },
						{ value: 735, name: '类型2' },
						{ value: 580, name: '类型3' },
						{ value: 484, name: '类型4' },
						{ value: 300, name: '类型5' }
					]
				}
			]
		};
		lineChart6.setOption(lineoption6);
		$(window).resize(lineChart6.resize);
	});

	$(function() {
		var lineChart7 = echarts.init(document.getElementById("echarts-current-soft-statistics"));

		let lineoption7 = {
			xAxis: {
				type: 'category',
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:'国家级',
					data: [120, 200, 150, 80, 70, 110, 130,200, 150, 80, 70, 110, 130],
					type: 'bar'
				},
				{
					name:"省级",
					data: [100, 300, 250, 30, 50, 210, 150,100, 300, 250, 30, 50, 210],
					type: 'bar'
				}
			]
		};
		lineChart7.setOption(lineoption7);
		$(window).resize(lineChart7.resize);
	});

	$(function() {
		var lineChart8 = echarts.init(document.getElementById("echarts-calenda-soft-statistics"));

		let lineoption8 = {
			xAxis: {
				type: 'category',
				data: ['2018年', '2019年', '2020年', '2021年', '2022年']
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:"国家级",
					data: [150, 230, 224, 218, 135],
					type: 'line'
				},
				{
					name:"省级",
					data: [100, 220, 290, 118, 125],
					type: 'line'
				}
			]
		};
		lineChart8.setOption(lineoption8);
		$(window).resize(lineChart8.resize);
	});


	//软著END



	//成果

	$(function() {
		var lineChart9 = echarts.init(document.getElementById("echarts-achievements-type-statistics"));

		let lineoption9 = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				top: '5%',
				left: 'center'
			},
			series: [
				{
					name: '成果类型统计',
					type: 'pie',
					radius: ['40%', '70%'],
					avoidLabelOverlap: false,
					itemStyle: {
						borderRadius: 10,
						borderColor: '#fff',
						borderWidth: 2
					},
					label: {
						show: false,
						position: 'center'
					},
					emphasis: {
						label: {
							show: true,
							fontSize: '16',
							fontWeight: 'bold'
						}
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 1048, name: '类型1' },
						{ value: 735, name: '类型2' },
						{ value: 580, name: '类型3' },
						{ value: 484, name: '类型4' },
						{ value: 300, name: '类型5' }
					]
				}
			]
		};
		lineChart9.setOption(lineoption9);
		$(window).resize(lineChart9.resize);
	});

	$(function() {
		var lineChartAchievements = echarts.init(document.getElementById("echarts-current-achievements-statistics"));

		let lineoptionAchievements = {
			xAxis: {
				type: 'category',
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:'国家级',
					data: [120, 200, 150, 80, 70, 110, 130,200, 150, 80, 70, 110, 130],
					type: 'bar'
				},
				{
					name:"省级",
					data: [100, 300, 250, 30, 50, 210, 150,100, 300, 250, 30, 50, 210],
					type: 'bar'
				}
			]
		};
		lineChartAchievements.setOption(lineoptionAchievements);
		$(window).resize(lineChartAchievements.resize);
	});

	$(function() {
		var lineChartAchievements1 = echarts.init(document.getElementById("echarts-calenda-achievements-statistics"));

		let lineoptionAchievements1 = {
			xAxis: {
				type: 'category',
				data: ['2018年', '2019年', '2020年', '2021年', '2022年']
			},
			yAxis: {
				type: 'value'
			},
			legend: {
				data: ['国家级', '省级'],
				left: '10%'
			},
			series: [
				{
					name:"国家级",
					data: [150, 230, 224, 218, 135],
					type: 'line'
				},
				{
					name:"省级",
					data: [100, 220, 290, 118, 125],
					type: 'line'
				}
			]
		};
		lineChartAchievements1.setOption(lineoptionAchievements1);
		$(window).resize(lineChartAchievements1.resize);
	});

	//成果END

	//项目
	$(function() {
		var lineChartDemo = echarts.init(document.getElementById("echarts-demo-type-statistics"));

		let lineoptionDemo = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				top: '5%',
				left: 'center'
			},
			series: [
				{
					name: '项目类型统计',
					type: 'pie',
					radius: ['40%', '70%'],
					avoidLabelOverlap: false,
					itemStyle: {
						borderRadius: 10,
						borderColor: '#fff',
						borderWidth: 2
					},
					label: {
						show: false,
						position: 'center'
					},
					emphasis: {
						label: {
							show: true,
							fontSize: '16',
							fontWeight: 'bold'
						}
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 1048, name: '类型1' },
						{ value: 735, name: '类型2' },
						{ value: 580, name: '类型3' },
						{ value: 484, name: '类型4' },
						{ value: 300, name: '类型5' }
					]
				}
			]
		};
		lineChartDemo.setOption(lineoptionDemo);
		$(window).resize(lineChartDemo.resize);
	});

	$(function() {
		var lineChartDemo1 = echarts.init(document.getElementById("echarts-current-demo-statistics"));

		let lineoptionDemo1 = {
			xAxis: {
				type: 'category',
				data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月',"8月","9月","10月","11月","12月"]
			},
			yAxis: {
				type: 'value'
			},
			series: [
				{
					data: [120, 200, 150, 80, 70, 110, 130,200, 150, 80, 70, 110, 130],
					type: 'bar'
				}
			]
		};
		lineChartDemo1.setOption(lineoptionDemo1);
		$(window).resize(lineChartDemo1.resize);
	});

	$(function() {
		var lineChartDemo2 = echarts.init(document.getElementById("echarts-current-industry-statistics"));

		let lineoptionDemo2 = {
			tooltip: {
				trigger: 'item'
			},
			legend: {
				top: '5%',
				left: 'center'
			},
			series: [
				{
					name: '本年项目按行业统计',
					type: 'pie',
					radius: ['40%', '70%'],
					avoidLabelOverlap: false,
					itemStyle: {
						borderRadius: 10,
						borderColor: '#fff',
						borderWidth: 2
					},
					label: {
						show: false,
						position: 'center'
					},
					emphasis: {
						label: {
							show: true,
							fontSize: '16',
							fontWeight: 'bold'
						}
					},
					labelLine: {
						show: false
					},
					data: [
						{ value: 1048, name: '矿业' },
						{ value: 735, name: '冶金' },
						{ value: 580, name: '房地产' },
						{ value: 484, name: '建筑工程' },
						{ value: 300, name: '装修' }
					]
				}
			]
		};
		lineChartDemo2.setOption(lineoptionDemo2);
		$(window).resize(lineChartDemo2.resize);
	});
	//项目END


	$(function() {
		var options = {
			id:"bootstrap-table-reward",
			url: "/demo/table/list4",
			showSearch: false,
			showRefresh: false,
			showToggle: false,
			showColumns: false,
			showPageGo: false,
			pagination: false,
			columns: [
				{
					field : 'id',
					title : '序号',
				},
				{
					field : 'rewardTime',
					title : '颁发时间',
				},
				{
					field : 'prize',
					title : '奖项'
				},
				{
					field : 'level',
					title : '等级'
				},
				{
					field: 'demoName',
					title: '项目名称',
				}]
		};
		$.table.init(options);
	});

	</script>
</body>

</html>
